<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="content-security-policy">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!-- build:css /css/main.css -->
		<link href="/css/mui.css" rel="stylesheet" />
		<link href="/css/iconfont.css" rel="stylesheet" />
		<link href="/css/common.css" rel="stylesheet" />
		<!-- endbuild -->
		<style>
			.mui-table-view:after,
			.mui-table-view:before {
				background-color: #fff;
				height: 0;
			}

			.mui-table-view-cell {
				color: #000;
				padding: 14px 15px;
				font-size: 13px;
				font-weight: 600;
			}

			.mui-table-view-divider {
				background-color: #fff;
				color: #2e2e2e;
				font-size: 18px;
				font-weight: 800;
			}

			.mui-badge {
				background-color: transparent;
				color: #626262;
				font-size: 13px;
				font-weight: 400;
			}

			.link-area {
				display: block;
				text-align: center;
			}

			.mui-grid-view.mui-grid-9 .mui-table-view-cell {
				border: 0 none;
				padding: 12px 2px;
			}

			.mui-grid-view.mui-grid-9 .mui-table-view-cell:hover,
			.mui-grid-view.mui-grid-9 .mui-table-view-cell:active {
				background-color: #fff;
			}

			.mui-grid-view.mui-grid-9 .mui-media .mui-icon {
				width: 65px;
				display: inline-table;
				height: 65px;
				border-radius: 65px;
			}

			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
				color: #5e5e5e;
				font-size: 12px;
			}

			.mui-grid-view.mui-grid-9 .mui-media .mui-icon {
				font-size: 17px;
				font-weight: 800;
				color: #fff;
				line-height: 64px;
				text-align: center;
			}

			.mui-table-view-divider:before,
			.mui-table-view-divider:after {
				background-color: #fff;
				height: 0;
			}

			.mui-table-view-cell .mui-navigate-right>.mui-badge {
				text-align: right;
				width: 60%;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}

			.orderstatus {
				display: inline-table;
				color: #666;
				text-align: center;
				font-size: 13px;
				font-weight: 300;
			}
			.orderstatus span{
				
				display: block;
			}
			.link-area img {
				width: 65px;
				height: 65px;
				border-radius: 70px;
				border: 3px solid #ffb6b1;
				display: block;
				margin: 0px auto 5px;
				overflow: hidden;
			}

			.link-area span {
				color: #fff;
			}
		</style>
	</head>

	<body>
		<!--<header class="mui-bar mui-bar-nav user-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" ></a>
			<h1 class="mui-title" >个人中心</h1>
			<a class="mui-pull-right" id="logout" style="line-height: 44px;">退出</a>
		</header>-->
		<nav class="mui-bar mui-bar-tab" id="fnav">
			<a class="mui-tab-item" data-id="index.html" data-url="/index.html">
				<span class="mui-icon iconfont icon-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" data-id="category.html" data-url="/category.html">
				<span class="mui-icon iconfont icon-fenlei"></span>
				<span class="mui-tab-label">分类</span>
			</a>
			<a class="mui-tab-item" data-id="search.html" data-url="/search.html">
				<span class="mui-icon iconfont icon-fenleisousuo-home"></span>
				<span class="mui-tab-label">搜索</span>
			</a>
			<a class="mui-tab-item" data-id="cart.html" data-url="/cart.html">
				<span class="mui-icon iconfont icon-gouwuche1"></span>
				<span class="mui-tab-label">购物车</span>
			</a>
			<a class="mui-tab-item mui-active" data-id="user.html" data-url="/user/user.html">
				<span class="mui-icon iconfont icon-gerenzhongxin"></span>
				<span class="mui-tab-label">我</span>
			</a>
		</nav>

		<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<div class="user-head">
					<div class="link-area">
						<img id="picurl" src="http://cdn1.utouu.com/picture/userphoto/default_B.jpg" />
						<span>anjing</span>
					</div>
				</div>
				<ul class="mui-table-view mui-table-view-chevron" style="border-bottom:1px solid #d9d9d9;">
					<li class="mui-table-view-cell" data-url="/user/order-list.html" data-user="1" data-id="order-list.html" data-val="1" data-view="new">
						<a class="mui-navigate-right"><span style="color:#999;" class="mui-badge">查看全部 </span><span class="mui-icon iconfont icon-dingdan"></span>我的订单</a>
					</li>
					<li class="mui-table-view-cell" style="padding-right:0;">
						<div class="mui-col-xs-3 orderstatus" data-url="/user/order-list.html?type=0" data-id="order-list.html"><span class="mui-icon iconfont icon-daifukuan"></span>待支付</div>
						<div class="mui-col-xs-3 orderstatus" data-url="/user/order-list.html?type=1" data-id="order-list.html"><span class="mui-icon iconfont icon-daishouhuo"></span>待发货</div>
						<div class="mui-col-xs-3 orderstatus" data-url="/user/order-list.html?type=5" data-id="order-list.html"><span class="mui-icon iconfont icon-daishouhuo"></span>待收货</div>
						<div class="mui-col-xs-2 orderstatus" data-url="/user/order-list.html?type=1" data-id="order-list.html"><span class="mui-icon iconfont icon-daipingjia1"></span>待评价</div>
					</li>
				</ul>

				<ul class="mui-table-view mui-table-view-chevron" style="margin-top:12px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;">
					<li class="mui-table-view-cell" data-url="/user/address-list.html" data-user="1" data-id="address-list.html" data-view="new">
						<a class="mui-navigate-right"><span class="mui-icon iconfont icon-dizhi"></span>地址管理</a>
					</li>
					<!--<li class="mui-table-view-cell" data-url="/user/comment-list.html" data-user="1" data-id="comment-list.html" data-view="new">-->
						<!--<a class="mui-navigate-right"><span class="mui-icon iconfont icon-daipingjia"></span>我的评论</a>-->
					<!--</li>-->
					<li class="mui-table-view-cell" data-url="/user/collection-list.html" data-user="1" data-id="collection-list.html" data-view="new">
						<a class="mui-navigate-right"><span class="mui-icon iconfont icon-xihuan"></span>我的收藏</a>
					</li>
				</ul>
				<ul id="editUserPassword" class="mui-table-view mui-table-view-chevron" style="margin-top:12px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;">
					<li class="mui-table-view-cell" data-user="1" data-url="/user/modifypassword.html" data-id="modifypassword.html" data-view="new">
						<a class="mui-navigate-right"><span class="mui-icon mui-icon-locked icon-bg"></span>修改密码</a>
					</li>
				</ul>
				<ul id="logout" class="mui-table-view mui-table-view-chevron" style="margin-top:12px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;">
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right"><span class="mui-icon mui-icon-redo icon-out"></span>退出</a>
					</li>
				</ul>
				<ul class="mui-table-view mui-table-view-chevron" style="margin-top:12px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;">
					<li class="mui-table-view-cell" id="onlinechat" >
            <div  class="mui-navigate-right">
              <span style="color:#ec3c30;" class="mui-badge">打扰客服</span>
              <p style="color:#333;">
              <span class="mui-icon iconfont icon-kefu"></span>
              在线客服
              </p>
            </div>
          </li>
					<li class="mui-table-view-cell" id="callPhone" >
            <div class="mui-navigate-right" href="tel:400-036-7718">
              <span style="color:#ec3c30;" class="mui-badge">400-036-7718 </span>
              <p style="color:#333;">
                <span class="mui-icon iconfont icon-kefurexian"></span>
                客服热线

              </p>
            </div>
          </li>
				</ul>

			</div>

		</div>
		<!-- build:js /js/vendor.js -->
		<script src="/js/mui.min.js"></script>
		<!-- bower:js -->
		<script src="/bower_components/mockjs/dist/mock.js"></script>
		<script src="/bower_components/zepto/zepto.js"></script>
		<script src="/bower_components/Zepto-Cookie/zepto.cookie.js"></script>
		<!--  endbower -->
		<!-- endbuild -->
		<!-- build:js /js/main.js -->
		<script src="/js/common.js"></script>
		<script src="/js/app.js"></script>
		<!-- endbuild -->
		<script>
			var tokenVal = $.fn.cookie('token');
			ifLogin(tokenVal);
			(function(mui, doc) {
				mui('#pullrefresh').scroll({
					deceleration: 0.0005
				});

				_UserData = app.getUsers();
				mui.ready(function() {

					if(isobj(_UserData)) {
						var userNameInfo = _UserData.user_name;
						if(_UserData.rank_name) {
							userNameInfo += " | " + _UserData.rank_name;
						}
						$('#userNameInfos').html("<font style='font-size:1.5em'>" + userNameInfo + "</font>");
					}

					$('#logout').on('tap', function() {
						setTimeout(function() {
							localStorage.setItem('$users', '{}');
							localStorage.setItem('$state', '{}');
							$.fn.cookie('token', '', {
								expires: expiresDate,
								path: '/'
							});
							localStorage.setItem('$userAddress', '{}');
							openView('/index.html', 'index.html');

						}, 1999);
					});

					$("body").on('tap', '.orderstatus', function() {

						var dataurl = $(this).attr('data-url');
						var dataid = $(this).attr('data-id');
							openView(dataurl,dataid);

					});

				});

			}(mui, document));
		</script>
	</body>

</html>
